<!DOCTYPE html>

<html lang="zh-cn">

<head>
  <meta charset="utf-8" />
  <title>在线LaTeX公式编辑器（简化版）</title>
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta content="always" name="referrer" />
  <meta name="renderer" content="webkit" />
  <meta name="robots" content="all" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  
  <script src="../js/common/config.js" id="common_config" data-pagetype="latex"></script> 
  
  <script id='MathJax-script' async src='../lib/MathJax-master__/es5/tex-chtml-full.js'></script>
  
  
  <link rel="stylesheet" href="../lib/bootstrap-4.3.1-dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="../lib/font-awesome-4.7.0/Font-Awesome-master/css/font-awesome.min.css">
  
</head>

<body>
	
	
  <div id='isJavaScript' 
      style='width: 100%;height: 100%;position: absolute;z-index:3;top:0;left:0;background-color: #fff;display: block;'> 
      <div 
        style='width:60%;text-align: center;margin: 200px auto auto auto;padding:30px 50px 50px 50px;border: 1px solid rgba(0,0,0,0.2);border-radius: 0.25rem;'> 
        <img src='../img/favicon.png' style='text-align: center;position: relative; top:18px;margin-right: 15px;'><span 
          style='font-size: 20px;'>提示</span> 
        <h2 style='text-align: center;'>您的浏览器禁用了JavaScript</h2> 
        <p>要正常使用此WebAPP，请启用JavaScript，然后刷新页面</p> 
        <a href='http://aboutjavascript.com/en/how-to-enable-javascript-in-chrome.html' 
          target='_blank'>关于如何启用JavaScript，请戳这里</a> 
      </div> 
    </div> 
   
    <div id='ifIE-show' 
      style='width: 100%;height: 100%;position: absolute;z-index:3;top:0;left:0;background-color: #fff;display: none;'> 
      <div class='container'> 
        <div 
          style='width:60%;text-align: center;margin:60px auto 0 auto;padding:30px 50px 50px 50px;border: 1px solid rgba(0,0,0,0.2);border-radius: 0.25rem;'> 
          <img src='../img/favicon.png' 
            style='text-align: center;position: relative;margin-right: 15px;width: 40px;'><span 
            style='font-size: 20px;'>提示</span> 
          <h2 style='text-align: center;'>您的浏览器内核不支持此应用</h2> 
          <p>要正常使用此WebAPP，请使用支持此应用的浏览器，浏览器支持情况如下</p> 
          <img src='../img/browsers.png' style='width: 100%;'><br> 
        </div> 
      </div> 
    </div> 
	
  <header> 
      <nav class='navbar navbar-expand-md navbar-light' id='navbar-header'> 
        <a href='#'><h1 class='navbar-brand'>LaTeX公式编辑器<span id='ver_h1'></span></h1></a> 
        <button class='navbar-toggler' type='button' data-toggle='collapse' data-target='#collapsibleNavbar'> 
          <span class='navbar-toggler-icon'></span> 
        </button> 
        
      </nav> 
    </header> 


  <!-- #region page -->
  <div class="container-fluid">
    <div class="row-fluid">
      <div class="span12">
        <div class="btn-group">
           <button class="btn" type="button"><em class="icon-align-left"></em></button> <button class="btn" type="button"><em class="icon-align-center"></em></button> <button class="btn" type="button"><em class="icon-align-right"></em></button> <button class="btn" type="button"><em class="icon-align-justify"></em></button>
        </div>
      </div>
    </div>
  </div>
  <section class="flat-container container-fluid~">
    <div class="flat-row row~">
      <div class="flat-col col-xl-6~">
        <div class="container area" id="input-area">          
          <div class="card">
            <div class="card-header">
              <h2><i class="fa fa-edit"></i>输入区域<span>Input</span></h2>
              <button class="btn btn-light theme-fill" id="btn_setting"><i class="fa fa-cog"></i>编辑器设置</button>
            </div>
            <div class="card-body">
              <div class="form-group" id="wrap_shortcut"></div>
              <div class="form-group" id="wrap_immediate"></div>
              <div class="form-group" id="wrap_txtainput">
                <textarea class="form-control twins" id="txta_input" placeholder="请输入您的LaTeX表达式" maxlength="16384"
                  spellcheck="false" wrap="off"></textarea>
                <div class="form-control twins" id="div_copy"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="flat-col col-xl-6~">
        <div class="container area" id="output-area">
          <div class="card">
            <div class="card-header">
              <h2><i class="fa fa-arrow-circle-down"></i>&nbsp;输出区域<span>Output</span></h2>
            </div>
            <div class="card-body">
              <div class="form-group">
                <div class="output" id="wrap_output"></div>
              </div>
              <div id="wrap_action"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  
  <div class="screenmodal" id="wrap_setting"></div>
  <div class="screenmodal-mask" id="mask_setting"></div>

 
  <!-- #endregion -->

  <script src="../lib/JQuery-3.4.1/jquery-3.4.1.min.js"></script>
  <script src="../lib/bootstrap-4.3.1-dist/js/bootstrap.bundle.min.js"></script>
  <script src='../lib/tippy/popper.min.js'></script>
  <script src='../lib/tippy.js/6.1.0/tippy-bundle.umd.min.js'></script>
  <script src='../lib/caret/caret.js'></script>
  <script src='../publish/latex.bundle.min.js?ver=开发版1651899968216' type='module'></script>
  <!-- <script src='../lib/wangEditor/wangEditor.min.js'></script> -->
  
  <script type="text/javascript">
	  
  	var scriptLoader = {
  	  init: function () {
  	    if (scriptLoader.isIE()) {
  	      document.getElementById("isJavaScript").style.display = "none";
  	      document.getElementById("ifIE-show").style.display = "block";
  	      document.body.style.overflowY = "hidden";
  	      return false;
  	    } else {
  	      document.getElementById("isJavaScript").remove();
  	      document.getElementById("ifIE-show").remove();
  	      //更新标题中的版本号
  	      document.getElementById("ver_h1").innerHTML = "ver 1.6.3";
  	      //加载body资源
  	    }
  	  },
  	  isIE: function () {
  	    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
  	    var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器
  	    var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器
  	    var isIE11 = userAgent.indexOf("Trident") > -1 && userAgent.indexOf("rv:11.0") > -1;
  	    if (isIE) {
  	      var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
  	      reIE.test(userAgent);
  	      var fIEVersion = parseFloat(RegExp["$1"]);
  	      if (fIEVersion == 7) {
  	        return true;
  	      } else if (fIEVersion == 8) {
  	        return true;
  	      } else if (fIEVersion == 9) {
  	        return true;
  	      } else if (fIEVersion == 10) {
  	        return true;
  	      } else {
  	        return true; //IE版本<=7
  	      }
  	    } else if (isEdge) {
  	      return true; //edge
  	    } else if (isIE11) {
  	      return true; //IE11
  	    } else {
  	      return false; //不是ie浏览器
  	    }
  	  },
  	 
  	};
  	
  	scriptLoader.init();
  </script>
</body>

</html>